<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<div class="righttitle"><span>统计图表-当前图表</span></div>
<div class="righttab">
    <ul>
        <li class="tabselected"><a href="javascript:void(0);" onclick="tabselect(this)">日统计图</a></li>
        <li><a href="javascript:void(0);" onclick="tabselect(this)">月统计图</a></li>
        <li><a href="javascript:void(0);" onclick="tabselect(this)">年统计图</a></li>
    </ul>
</div>
<!--tab显示区-->
<div class="tabitem">
    <div id="daycount"  style="width:790px;"></div>
</div>
<div class="tabitem">
    <div id="monthcount" style="width:790px;"></div>
</div>
<div class="tabitem">
    <div id="yearcount" style="width:790px;"></div>
</div>
        <script type="text/javascript">
            $(function(){
                    $(".tabitem").hide();
                    $($(".tabitem")[0]).show();
                    //日统计
                    $.getJSON("ChartAction!getCountDay.action",function(json){
                    	 $('#daycount').highcharts({
                             title: {
                                 text: '卷式发票日开票量统计',
                                 x: -20 //center
                             },
                              subtitle: {
                                 text: json.subtitle,//'2014年4月1日-2014年4月12日',
                                 x: -20
                             },
                             xAxis: {
                                 categories:json.xdata// ['4月1日', '4月2日', '4月3日', '4月4日', '4月5日', '4月6日', '4月7日', '4月8日', '4月9日', '4月10日', '4月11日', '4月12日']
                             },
                             yAxis: {
                                 title: {
                                     text: '开票量 (张)'
                                 },
                                 plotLines: [{
                                     value: 0,
                                     width: 1,
                                     color: '#808080'
                                 }]
                             },
                             tooltip: {
                                 valueSuffix: '张'
                             },
                             legend: {
                                 layout: 'vertical',
                                 align: 'right',
                                 verticalAlign: 'middle',
                                 borderWidth: 0
                             },
                             series: [{
                                 name: '正常票',
                                 data: json.ydata//[7.0, 6.9, 950, 145, 182, 21.5, 25.2, 26.5, 23.3, 180, 13.9, 9.6]
                             }]
                         });
                    });
                    
                    
                    //月统计
                     $.getJSON("ChartAction!getCountMonth.action",function(json){
		                    	 $('#monthcount').highcharts({
		                             chart: {
		                                 type: 'column'
		                             },
		                             title: {
		                                 text: '卷式发票月开票量统计'
		                             },
		                              subtitle: {
		                                 text: json.subtitle,
		                                 x: -20
		                             },
		                             xAxis: {
		                                 categories:json.xdata
		                             },
		                             yAxis: {
		                                 min: 0,
		                                 title: {
		                                     text: '开票量 (张)'
		                                 }
		                             },
		                             tooltip: {
		                                 headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
		                                 pointFormat: '<tr style="font-size:12px"><td style="color:{series.color};padding:0">{series.name}: </td>' +
		                                     '<td style="padding:0"><b>{point.y:.1f} 张</b></td></tr>',
		                                 footerFormat: '</table>',
		                                 shared: true,
		                                 useHTML: true
		                             },
		                             plotOptions: {
		                                 column: {
		                                     pointPadding: 0.2,
		                                     borderWidth: 0
		                                 }
		                             },
		                             series: [{
		                                 name: '正常票',
		                                 data: json.ydata//[49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
		                             }]
		                     });
                        });
                        //年统计
                         $.getJSON("ChartAction!getCountYear.action",function(json){
			                        $('#yearcount').highcharts({
			                            chart: {
			                                type: 'bar'
			                            },
			                            title: {
			                                text: '卷式发票年开票量统计'
			                            },
			                            subtitle: {
			                                text:json.subtitle
			                            },
			                            xAxis: {
			                                categories: json.xdata,//['2014年', '2013年', '2012年', '2011年', '2010年'],
			                                title: {
			                                    text: null
			                                }
			                            },
			                            yAxis: {
			                                min: 0,
			                                title: {
			                                    text: '开票量 (张)',
			                                    align: 'high'
			                                },
			                                labels: {
			                                    overflow: 'justify'
			                                }
			                            },
			                            tooltip: {
			                                valueSuffix: ' 张'
			                            },
			                            plotOptions: {
			                                bar: {
			                                    dataLabels: {
			                                        enabled: true
			                                    }
			                                }
			                            },
			                            legend: {
			                                layout: 'vertical',
			                                align: 'right',
			                                verticalAlign: 'top',
			                                x: -40,
			                                y: 100,
			                                floating: true,
			                                borderWidth: 1,
			                                backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor || '#FFFFFF'),
			                                shadow: true
			                            },
			                            credits: {
			                                enabled: false
			                            },
			                            series: [{
			                                name: '开票量',
			                                data:json.ydata// [107, 31, 635, 203, 2]
			                            }]
			                        });
                         });
            });       
        </script>